body, html {
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}

.col-class {
    width: 15%;
}

.content {
    border-radius: 15px;
    margin: 10px auto 0;

    height: 75%;
    width: 70%;
    background-color: #faf1f2;
}

#pagingbox {
    text-align: center;
    height: 5%;
}

#container {
    height: 100%;
    width: 100%;
}

#headbox {
    height: 15%;
}

#resizetablebox {
    height: 97%;
    width: 100%;
    overflow: scroll;
}

.morebox{
    text-align: center;
    width: 100%;
    height: 25px;
    transition: all 0.3s;
}

#showMore{
    width: 100%;

    height: 25px;

    font-size: 15px;
    font-weight: bold;
    background: #000;
    color: #fff;
    transition: all 0.3s;
    /*opacity: 0.1;*/
    display: inline-block;
}
morebox:active{
    opacity: 0.5;
    background: #fff;
    color: #252525;
    transform: scale(0.9);
}
#showMore:active{
    opacity: 0.5;
    background: #fff;
    color: #252525;
    width: 70%;
    /*transform: scale(0.9);*/
}